<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <!--导航页-->
    <div class="nav">
        <img src="log.jpg" alt="" class="img">
        <span class="title">我的博客系统</span>
        <!--用来占据中间位置-->
        <span class="spacer"></span>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="logout">注销</a>
    </div>
    <!--实现版心-->
    <div class="container">
        <!--左侧个人中心-->
        <div class="container_left">
            <div class="cord">
                <img src="log.jpg" alt="">
                <h3>杨诗郁</h3>
                <a href="baidu.com">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <!--右侧博客记录-->
        <div class="container_right">
            <!--每一篇博客包含标题，摘要，时间-->
            <div class="blog">
                <div class="title">我的第一篇博客</div>
                <div class="data">2024-09-10</div>
                <div class="desc">
                    哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                </div>
                <a href="blog_content.html" class="detail">查看全文&gt;&gt;</a>
                <div class="title">我的第一篇博客</div>
                <div class="data">2024-09-10</div>
                <div class="desc">
                    哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                </div>
                <a href="baidu.com" class="detail">查看全文&gt;&gt;</a>
            </div>
            </div>
        </div>
    </div>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="blog_list.css">
</body>
</html>